<template>
	<view class="container">
		<!-- <view class="getInfo">申请获取以下权限</view>
		<view class="infoText"></view> -->
		<!-- <view class="infoText">获得你的公开信息（昵称，头像等）</view> -->
		<!-- <button type='primary' v-if="!isgetPhone" lang="zh_CN" @tap="getUserProfile()">授权登录</button> -->
		<!-- <button type='primary' open-type='getPhoneNumber' v-if="isgetPhone" lang="zh_CN" @getphonenumber="getPhoneNumber">手机号绑定</button> -->
		<button type='primary' open-type='getPhoneNumber' lang="zh_CN" @getphonenumber="getPhoneNumber">手机号绑定</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isgetPhone:false,
				id:''
			}
		},
		 //  onLoad(query) {
			//   console.log(query)
		 //    const q = decodeURIComponent(query.q) // 获取到二维码原始链接内容
		 //    const scancode_time = parseInt(query.scancode_time) // 获取用户扫码时间 UNIX 时间戳
			// let id = q.split('=')[1]
			// console.log(id)
			// this.$store.commit('updateValue',id);
		 //  },
		created(){
			this.getUserProfile()
		},
		methods: {
			getUserProfile() {
				// uni.getUserProfile({
				// 	lang: 'zh_CN',
				// 	desc: '获取个人信息',
				// 	success: async (res) => {
				// 		console.log(res)
				// 		if(res.userInfo){
				// 			//获取code
				// 			uni.login({
				// 				success:(res)=>{
				// 					console.log(res)
				// 						if(res.code){
				// 							this.getTokenLogin(res.code)
				// 							//获取token
				// 							// this.request({
				// 							//   'url': '/wx/login?code='+res.code,
				// 							//   headers: {
				// 							//     isToken: false
				// 							//   },
				// 							//   'method': 'get',
				// 							// }).then(res=>{
				// 							// 	console.log(res)
				// 							// 	if(res.mobile){
				// 							// 		//手机号已绑定
				// 							// 	}else{
				// 							// 		//获取手机号并绑定
				// 							// 	}
				// 							// }).catch(err=>{
												
				// 							// })
				// 						}
				// 				}
				// 			})
							
				// 		}
						
						
				// 	},
				// 	fail:(err)=>{
				// 		console.log(err)
				// 	}
				// })
				
				uni.login({
					success:(res)=>{
						console.log(res)
							if(res.code){
								this.getTokenLogin(res.code)
							}
					}
				})
			},
			//接口登录
			getTokenLogin(code){
				this.$store.dispatch('Login', code).then((res) => {
					console.log(res)
					if(res.mobile){
						this.isgetPhone=false
						// 手机号已绑定
						wx.redirectTo({
							url: '/pages/index/index'
						})
					}else{
						//获取手机号
						this.isgetPhone=true
						console.log(isgetPhone)
						
					}
				}).catch(() => {
				})
			},
			//获取手机号
			getPhoneNumber(e){
				console.log(e)
				if(e.detail.code){
					let codePhone=e.detail.code
					let encryptedData=e.detail.encryptedData
					let iv=e.detail.iv
						this.request({
						  'url': '/wx/getMobile?code='+e.detail.code,
						  'method': 'get',
						}).then(res=>{
							console.log(res)
							if(res.msg=='success'){
								//手机绑定成功
								wx.redirectTo({
									url: '/pages/index/index'
								})
							}
						}).catch(err=>{
							
						})
				}else{
					this.isgetPhone=false
				}
			}
		}
	}
</script>

<style>
	.container{
		padding: 20px;
		display:flex;
		justify-content: center;
		flex-direction: column;
		height: 100%;
	}
	.getInfo{
		
	}
	.infoText{
		color: #999;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	button{
		width: 100%;
		flex-shrink:0;
	}
</style>